<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>筛选数组_filter方法</title>
</head>
<body>
<h3>筛选数组 filter 方法（重点)</h3>
<p>
    filter() 方法创建一个新的数组，新数组中的元素是 通过检查指定数组中符合条件 的所有元素 <br>
    主要使用场景： 筛选数组符合条件的元素，并返回筛选之后元素的新数组 (返回新数组,老数组不变)
</p>
<pre style="font-size: 20px;">
    被遍历的数组.filter(function (当前数组元素, 当前数组元素的索引号) {
      return 筛选条件
    })
</pre>
<p>
    返回值：返回数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组 <br>
    参数：'当前数组元素' 必须写， '索引号' 可选 <br>
    因为返回新数组，所以不会影响原数组
</p>
<hr>

<script>
    const 数组 = [5, 10, 20, 30]
    const 筛选的新数组 = 数组.filter(function (元素, 索引号) {
        // console.log(item)
        // console.log(index)
        return 元素 >= 20 // 返回 筛选条件,后的数组
    })
    console.log(筛选的新数组) // 数组

    // 箭头函数写法
    const 筛选的新数组2 = 数组.filter(元素 => 元素 >= 20)
    console.log(筛选的新数组2)
</script>
</body>
</html>